<template>
  <el-card class="box-card">
    <template #header>
      <div class="card-header">
        <span>测试</span>
        <el-button class="button" type="primary" link>Operation button</el-button>
      </div>
    </template>

    <div>
      <el-radio v-model="radio1" label="1" size="large">Option 1</el-radio>
      <el-radio v-model="radio1" label="2" size="large">Option 2</el-radio>
    </div>
    <div>
      <el-button type="primary">测试</el-button>
    </div>
  </el-card>
</template>

<script>
import { useGlobal } from '@/hooks/system/useGlobal'
import { useRoute, useRouter } from 'vue-router'

export default {
  // name: '/dashboard/index',
  setup() {
    const { globalProperties } = useGlobal()
    console.log(globalProperties)
    console.log(globalProperties.$config)
    console.log(globalProperties.$router)
    console.log(globalProperties.$router.getRoutes())

    const router = useRouter()
    console.log('router>>', router.getRoutes())
    const radio1 = ref('1')

    return {
      radio1,
    }
  },
}
</script>

<style scoped>
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.box-card {
  width: 480px;
}
</style>
